﻿
@{
    ViewBag.Title = "EmployeePageList";
    Layout = "~/Views/Shared/_LayoutMain.cshtml";
}
@section css{
    <link rel="stylesheet" href="~/assets/portal/assets/css/common.css" />
    <link rel="stylesheet" href="~/bussiness/js/base/reset.css" />
    <style>
        .ant-select-arrow, .ant-select-clear {
            position: absolute;
            right: 10px;
        }

 
    </style>
}
<div id="PerformancePlanPageListNew" class="font-['SourceHanSansSC']">
    <a-style-provider hash-priority="high">
        <a-config-provider :locale="vlocale">
            <a-image :width="200"
                     :style="{ display: 'none',zIndex:100 }"
                     :preview="{visible:PerformancePlanPageListNewParams.previewShow.value,onVisibleChange:PerformancePlanPageListNewParams.setVisible}" :src="PerformancePlanPageListNewParams.imgUrl.value"></a-image>
            <m-pdf-pop-model></m-pdf-pop-model>
            <a-modal :destroy-on-close="true" v-model:open="PerformancePlanPageListNewParams.popShow.value" :ok-text="{0:'通知预览',1:'通知'}[PerformancePlanPageListNewParams.popType.value]" :width="[0].includes(PerformancePlanPageListNewParams.popType.value)?'50%': '70%'" height="800px" title="通知" v-on:ok="PerformancePlanPageListNewParams.handlePopOk">
                <a-spin :spinning="PerformancePlanPageListNewParams.uploadLock.value" tip="加载中，请耐心等待" />

                <div style="height:700px;overflow:hidden" v-if="PerformancePlanPageListNewParams.popType.value==0">

                    <a-form-item label="部门：">
                        <a-input style="width:260px" v-on:change="PerformancePlanPageListNewParams.sChange" v-model:value="PerformancePlanPageListNewParams.deptTitle.value" placeholder="请输入部门名称" />
                    </a-form-item>
                    <a-form-item label="通知部门：">
                        <a-select allow-clear
                                  mode="multiple"
                                  disabled
                                  :value="PerformancePlanPageListNewParams.cdeptList.value"
                                  :options="PerformancePlanPageListNewParams.hdeptList.value"
                                  style="width:100%">

                        </a-select>
                    </a-form-item>
                    <div style="height:400px;overflow-y:scroll">

                        <a-table :row-selection="PerformancePlanPageListNewParams.rowSelection.value" :row-key="record => record.DepartmentId" :pagination="false" :data-source="PerformancePlanPageListNewParams.sdeptList.value" :columns="PerformancePlanPageListNewParams.deptListColumns.value">

                        </a-table>
                    </div>



                </div>
                <div style="height:520px;overflow:scroll" v-if="PerformancePlanPageListNewParams.popType.value==1">
                    <a-form style="margin-top:20px">
                        <a-form-item label="通知标题：">

                            <a-input disabled :value="PerformancePlanPageListNewParams.noticePreView.value.title"
                                     style="width:400px">
                            </a-input>

                        </a-form-item>
                        <a-form-item label="通知人：">
                            <a-table :pagination="false" :data-source="PerformancePlanPageListNewParams.noticePreView.value.noticePerson" :columns="PerformancePlanPageListNewParams.noticePreView.value.columns">

                            </a-table>
                        </a-form-item>
                        <a-form-item label="抄送对象：">
                            <a-table :pagination="false" :data-source="PerformancePlanPageListNewParams.noticePreView.value.cctarget" :columns="PerformancePlanPageListNewParams.noticePreView.value.columns">

                            </a-table>
                        </a-form-item>
                        <a-form-item label="邮件内容：">
                            <div style="padding: 2px; border: 1px solid #f3f5f7; border-radius: 4px; ">

                                <div v-html="PerformancePlanPageListNewParams.noticePreView.value.EmailBody"></div>

                            </div>
                        </a-form-item>
                        <a-form-item label="附件：">
                            <div style="padding-left: 20px; border: 1px solid #f3f5f7; border-radius: 4px; ">

                                <div v-for="e in PerformancePlanPageListNewParams.noticePreView.value.fileList">
                                    {{e.FileName}}  <a-button v-on:click="PerformancePlanPageListNewParams.sdownloadfun(e.FileName,e.FilePath)" type="link">下载</a-button>

                                </div>

                            </div>
                        </a-form-item>
                    </a-form>
                </div>




            </a-modal>
            <header class="px-5 box-border">
                <div class="flex items-center">
                    <div class="w-full h-[48px] text-[13px]  rounded-lg mx-auto my-[10px]  bg-white  text-[#888888] text-3xl flex items-center px-10">   <div class="w-22 h-22 bg-blue-200 mr-5"> <img class="w-full h-full cursor-pointer" v-on:click="PerformancePlanPageListNewParams.vvback()" src="~/Assets/nimgs/exit.png" alt="返回" /></div> <span class="text-[]">首页<span class="mx-2">/</span>履职考核<span class="mx-2">/</span><span class="text-[#424758] text-[15px]">考核计划</span> </span>  </div>
                </div>
                <div style="padding:20px;padding-top:16px; box-sizing:border-box" class="w-full h-min-[108px]  bg-white">
                    <div class="mb-5 text-[16px] font-bold text-black">筛选条件</div>
                    <a-row>
                        <a-form layout="inline"
                                :model="PerformancePlanPageListNewParams.queryParams.value">
                            <a-form-item label="通知标题">
                                <a-input v-model:value="PerformancePlanPageListNewParams.queryParams.value.Title" allow-clear placeholder="请输入通知标题" />
                            </a-form-item>

                            <a-form-item label="年度">
                                <a-select ref="select" allow-clear
                                          v-model:value="PerformancePlanPageListNewParams.queryParams.value.Years"
                                          placeholder="请选择年度"
                                          :options="PerformancePlanPageListNewParams.yearsList.value"
                                          style="width:150px">

                                </a-select>
                            </a-form-item>
                            <a-form-item label="状态">
                                <a-select ref="select" allow-clear
                                          placeholder="请选择状态"
                                          :options="PerformancePlanPageListNewParams.statusList.value"
                                          v-model:value="PerformancePlanPageListNewParams.queryParams.value.Status"
                                          style="width:150px">

                                </a-select>
                            </a-form-item>
                            <a-form-item>
                                <a-col><a-button v-on:click="PerformancePlanPageListNewParams.handleQuery" type="primary">查询</a-button></a-col>
                            </a-form-item>
                        </a-form>




                    </a-row>



                    <div class="flex w-full mt-10">
                        <a-card :bordered="true" class="w-full  mt-12">
                            <template #title>
                                <div class="w-full flex justify-between items-center">
                                    <div class="flex items-center"> <div>考核计划</div> <div class="ml-7"><a-tag color="#108ee9">总数:{{PerformancePlanPageListNewParams.pagination.value.total}}</a-tag></div></div>

                                    <a-button v-on:click="PerformancePlanPageListNewParams.addPlan" type="primary">新增计划</a-button>
                                </div>



                            </template>


                            <a-table :pagination="PerformancePlanPageListNewParams.pagination.value" :loading="PerformancePlanPageListNewParams.pagination.value.loading" v-on:change="PerformancePlanPageListNewParams.handleTableChange" :data-source="PerformancePlanPageListNewParams.dataSource.value" :columns="PerformancePlanPageListNewParams.columns.value">

                            </a-table>

                        </a-card>

                    </div>

                </div>
            </header>
        </a-config-provider>
    </a-style-provider>
</div>
@section Js{
    <script src="~/bussiness/js/base/tailwind.js"></script>
    <script type="module">
        import Composition from '../../bussiness/js/pg/Performance/PerformancePlanPageListNew.js?v=@DateTime.Now.ToString("yyyyMMddHHmm")'
        import localeValues from '../../Bussiness/js/base/es/locale/zh_CN.js'
        singalApp('PerformancePlanPageListNew', Composition, localeValues)
    </script>
}
